	<ul id="newsticker_articles">
		<{foreach item=newsticker from=$block.article_newsticker}>
			<li><span><{$newsticker.published_on}></span><{$newsticker.seoLink}></li>
		<{/foreach}>
	</ul>
	
<script type="text/javascript">
$.fn.liScroll = function(settings) {
		settings = jQuery.extend({
		travelocity: 0.07
		}, settings);		
		return this.each(function(){
				var $strip = jQuery(this);
				$strip.addClass("newsticker_articles")
				var stripWidth = 1;
				$strip.find("li").each(function(i){
				stripWidth += jQuery(this, i).outerWidth(true);
				});
				var $mask = $strip.wrap("<div class='mymask'></div>");
				var $tickercontainer = $strip.parent().wrap("<div class='news_tickercontainer'></div>");								
				var containerWidth = $strip.parent().parent().width();
				$strip.width(stripWidth);			
				var totalTravel = stripWidth+containerWidth;
				var defTiming = totalTravel/settings.travelocity;
				function scrollnews(spazio, tempo){
				$strip.animate({left: '-='+ spazio}, tempo, "linear", function(){$strip.css("left", containerWidth); scrollnews(totalTravel, defTiming);});
				}
				scrollnews(totalTravel, defTiming);				
				$strip.hover(function(){
				jQuery(this).stop();
				},
				function(){
				var offset = jQuery(this).offset();
				var residualSpace = offset.left + stripWidth;
				var residualTime = residualSpace/settings.travelocity;
				scrollnews(residualSpace, residualTime);
				});			
		});	
};

$(document).ready(function(){
	// use newsticker
	$("ul#newsticker_articles").liScroll({travelocity: 0.10});
});
</script>
